<template>
  <div class="qunzongyijianjianyi">
    <dv-border-box-10>
      <div class="biaoge">
        <transition name="el-zoom-in-center">
          <div class="biaoge-item" v-show="show">
            <dv-border-box-7>dv-border-box-7</dv-border-box-7>
          </div>
        </transition>
        <transition name="el-zoom-in-center">
          <div class="biaoge-item" v-show="show">
            <dv-border-box-7>dv-border-box-7</dv-border-box-7>
          </div>
        </transition>
        <transition name="el-zoom-in-center">
          <div class="biaoge-item" v-show="show">
            <dv-border-box-7>dv-border-box-7</dv-border-box-7>
          </div>
        </transition>
      </div>
    </dv-border-box-10>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: false,
    };
  },
  methods: {},
  mounted() {
    this.show = true;
  },
};
</script>


<style lang="less" scoped>
.qunzongyijianjianyi {
  padding: 100px;
  height: 80%;
}
.biaoge {
  padding: 50px;
  background: none;
  border: none;
  color: #fff;
  height: 85%;
  display: flex;
}
.biaoge-item {
  width: 33.3%;
  padding: 30px;
}
</style>

